<template>
  <div class="explain">
    <div class="title">{{con.title}}</div>
    <div v-html="con.content"></div>
  </div>
</template>

<script>
import { AlertModule } from "vux";
import { single } from '@/api/api'
export default {
  data () {
    return {
      con: null,
    }
  },
  created () {
    this.singles()
  },
  methods: {
    singles() {
      single().then((res) => {
        console.log(res)
        this.con = res.data.data
      }).catch((err) => {
        console.dir(err)
      })
    }
  }
}


</script>
<style lang="stylus" scoped>
.explain
  padding 2rem 1.5rem
  background-color #fff
  min-height 10vh
  .title
    color #333
    font-weight 800
    font-size 1.7rem
    margin-bottom 2rem
</style>